' + information + "

" information }) infoWindow.open(googleMap, marker) currentOpenInfoWindow = infoWindow immoObjectMarkerOfCurrentOpenInfoWindow = marker google.maps.event.addListener(infoWindow, "closeclick", infoWindowCloseonMap) } } var objOnMap = immoObjectsOnMap[i]; if (objOnMap != null) { var coordinates = objOnMap.coordinates; var marker = new google.maps.Marker( { map: googleMap, icon: ICON_IMMO_OBJECT, position: coordinates, zIndex: Z_INDEX_OF_IMMO_OBJECT_MARKER, optimized: false // May be animated for some mandators (e. g. WBGD) }) addToOverlays('googleMap', marker) google.maps.event.addListener(marker, "click", getMarkerAction(marker, objOnMap.information //document.getElementById('mapMarkerTemplate[1]').childNodes[1] ) ) google.maps.event.addListener(marker, "mouseover", overMapObject) google.maps.event.addListener(marker, "mouseout", outMapObject) google.maps.event.addListener(marker, "click", clickMapObject) immoObjectsMarkers[i] = marker; } else { immoObjectsMarkers[i] = null; } } // if only one object is in map, set zoom level to 15 if (immoObjectsOnMap.length == 1) { googleMap.setZoom(15); } else { // googleMap.setZoom( // googleMap.getBoundsZoomLevel(bounds)); // 12) googleMap.fitBounds(bounds) } // Debug info // showArea(); // defineArea(); } /** * Performs reverse geocoding */ function lookupAddress(defaultAddress, latitude, longitude, callback) { var geocoder = new google.maps.Geocoder(); geocoder.geocode( { region: 'de', location: new google.maps.LatLng(latitude, longitude), }, function (result, status) { var p = null if (status == google.maps.GeocoderStatus.OK) { result = filterGeoResults(result) /* p = findFirstPlacemarkWith(result.Placemark, ['countryCode', 'country', 'city', 'postalCode'], function (pm) { return isCmpEmpty(pm.cmp.streetAndNumber) || !(/^L\d+$/.test(pm.cmp.streetAndNumber)) }) */ if (result.length >= 1) { p = result[0] } } if (p) callback( //getFullAddress(p), result[0].formatted_address, latitude, longitude ) else callback(defaultAddress, latitude, longitude) }); } function newLocation(searchLocation, latitude, longitude){ lookupAddress(searchLocation, latitude, longitude, function (address, lat, lng) { dwr.util.byId('locationDescription').value = address.replace(/, (Germany|Deutschland)$/, "") // uncommented, because of no new search by onchange of filter // searchImmoObjects(); } ) } /** * Finds if a given point is within a polygon. * * Based on Bob Stein's inpoly() function for C. * http://home.earthlink.net/~bobstein/inpoly/ * * Modified for JavaScript by Scott Andrew LePera. * * Parameters: * poly: array containing x/y coordinate pairs that * describe the vertices of the polygon. Format is * indentical to that of HTML image maps, i.e. [x1,y1,x2,y2,...] * * px: the x-coordinate of the target point. * * py: the y-coordinate of the target point. * * Return value: * true if the point is within the polygon, false if not. */ function isPointInPoly(poly, px, py) { var npoints = poly.length; // number of points in polygon var xnew,ynew,xold,yold,x1,y1,x2,y2,i; var inside=false; if (npoints/2 < 3) { // points don't describe a polygon return false; } xold=poly[npoints-2]; yold=poly[npoints-1]; for (i=0 ; i < npoints ; i=i+2) { xnew=poly[i]; ynew=poly[i+1]; if (xnew > xold) { x1=xold; x2=xnew; y1=yold; y2=ynew; } else { x1=xnew; x2=xold; y1=ynew; y2=yold; } if ((xnew < px) == (px <= xold) && ((py-y1)*(x2-x1) < (y2-y1)*(px-x1))) { inside=!inside; } xold=xnew; yold=ynew; } return inside; } /** * Is the geo-coordinate, given as parameter, in the predefined polys? * * @param coordinate The geo-coordinate to be checked if it is in the area of polygons */ function isMapCoordinateInPolys(coordinate) { if (!Configuration.SEARCH_AREAS || Configuration.SEARCH_AREAS.length == 0) { return true } var polys = window.POLY_CACHE if (!polys) { polys = [] for (var i = 0; i < Configuration.SEARCH_AREAS.length; i++) { var poly = Configuration.SEARCH_AREAS[i] var arr = [] polys.push(arr) for (var j = 0; j < poly.length; j++) { var p = poly[j] arr.push(p[1]); arr.push(p[0]); } } window.POLY_CACHE = polys } for (var i = 0; i < polys.length; i++) { var res = isPointInPoly(polys[i], coordinate.lng(), coordinate.lat()) if (res) { return true; } } return false; } function showArea() { if (!Configuration.SEARCH_AREAS || Configuration.SEARCH_AREAS.length == 0) { alert ("No areas defined") return; } for (var i = 0; i < Configuration.SEARCH_AREAS.length; i++) { var poly = Configuration.SEARCH_AREAS[i] var arr = [] for (var j = 0; j < poly.length; j++) { var p = poly[j] arr.push(new GLatLng(p[0], p[1])); } var polygon = new GPolygon(arr,'#279212', 3, 0.6, '#3DE21B', 0.6); googleMap.addOverlay(polygon); } } function defineArea() { /*if (typeof console !== 'undefined') console.info("Function defineArea")*/ var div = document.createElement("div") div.style.left = "0" div.style.top = "0" div.style.position = "fixed" div.style.width = "400px" div.style.height = "500px" div.style.border = "2px solid black" div.style.zIndex = "100000" div.style.backgroundColor = "white" div.style.overflow = "auto" div.style.padding = "10px" var latlong = document.createElement("div") div.appendChild(latlong) var points = [] var pol = null var mark = null var l = document.createElement("div") var clear = document.createElement("a") clear.innerHTML = "Clear" clear.style.color = "#B51010" clear.style.padding = "10px" clear.style.cursor = "pointer" clear.onclick = function () { l.innerHTML = "" points = [] if (pol) { po.setMap(null) } if (mark) { mark.setMap(null) } } div.appendChild(clear) div.appendChild(l) document.body.appendChild(div) google.maps.event.addListener(googleMap, "mousemove", function(point){ latlong.innerHTML = "Lat: " + point.lat() + "
" + "Long: " + point.lng() }); google.maps.event.addListener(googleMap, "click", function(o, point, o1) { if(!point && o1) { point = o1; } if (point) { points.push(point) var s = document.createElement("div"); s.innerHTML = "[" + point.lat() + ", " + point.lng() + "]," l.appendChild(s) if (pol) { pol.setMap(null) } if (mark) { mark.setMap(null) } pol = new GPolygon(points,'#B30303', 3, 0.6, '#ED827D', 0.6); googleMap.addOverlay(pol); mark = new GMarker(point); googleMap.addOverlay(mark); } }); } /** * Get the address component of a type given as parameter type from an array of address components which is given as * parameter addressComponents. * * @param {Array} addressComponents The address components of one of the results * of a geocoding. * @param {string} type A type of an address component, e. g. 'postal_code' for the ZIP of the address. * @returns {google.maps.GeocoderAddressComponent} The address component having the required type or null if no * address component has the required type. */ function getAddressComponentOfType(addressComponents, type) { for (var i = 0; i < addressComponents.length; i++) { var addressComponent = addressComponents[i] for (var j = 0; j < addressComponent.types.length; j++) { if (addressComponent.types[j] == type) { return addressComponent } } } return null } /** * Check if among the address components given as parameter addressComponents an address component with the type given * as parameter type exists. * * @param {Array} addressComponents The address components of one of the results * of a geocoding. * @param {string} type A type of an address component, e. g. 'postal_code' for the ZIP of the address. * @returns {boolean} true if one (or more) of the address components has the type, otherwise false. */ function hasAddressComponentOfType(addressComponents, type) { return getAddressComponentOfType(addressComponents, type) != null } /** * Get the short name of the country of the address components of one of the results of a geocoding. * E. g. for a result which is in Germany 'de' would be returned. * * @param {Array} addressComponents The address components of one of the results * of a geocoding. * @returns {string} The short name of the country of the address components given as parameter. */ function getCountryCodeOfAddressComponents(addressComponents) { var countryAddrComp = getAddressComponentOfType(addressComponents, 'country') return countryAddrComp.short_name } /** * Check if the adress components given as parameter have the minimum required information for an address to be * used as position. That would be the country (Only localities in Germany are allowed as address) and the * specification of the city (by its locality, e. g. 'Berlin' or its ZIP). * * @param {Array} addressComponents The address components of one of the results * of a geocoding. * @returns {boolean} true if the address components contain the required types, otherwise false. */ function hasAddressComponents(addressComponents) { return addressComponents.length > 0 && ( hasAddressComponentOfType(addressComponents, 'locality') || hasAddressComponentOfType(addressComponents, 'postal_code') ) && hasAddressComponentOfType(addressComponents, 'country') } /** * From the locations resulting from a geocoding the locations which are not in Germany are removed from the result set * of matching locations and, if the areas where the presentation has immo objects are restricted by polygons (defined * by Configuration.SEARCH_AREAS in javascript-config.jsp-configuration-files), locations which are not inside the * areas of these polygons are also removed. * The remaining locations are returned. * * @param {Array} result The locations of a geocoding. * @returns {Array} The locations of that geocoding which match the requirements of the * presentation (e. g. being in Germany). */ function filterGeoResults(result) { //var locations = this.removeDuplicates(result) var resFinal = [] for (var i = 0; i < result.length; i++) { var location = result[i] if ( // If the location is not in Germany or polygons have been declared in which the location has to be // and it is not in those polygons the location is filtered out from the geo results hasAddressComponents(location.address_components) && !( ( //location.address_components.length > 0 && getCountryCodeOfAddressComponents(location.address_components).toLowerCase() != 'de' ) || !this.isMapCoordinateInPolys(location.geometry.location) ) ) { // Do we already have that location? (No duplicates may be in the resulting list) var isDuplicate = false for(var j = 0; j < resFinal.length; j++) { var alreadyLoc = resFinal[j] if ( alreadyLoc.formatted_address === location.formatted_address && alreadyLoc.geometry.location.equals(location.geometry.location) ) { isDuplicate = true break } } if (!isDuplicate) { resFinal.push(location) } } } return resFinal } // ----- Callback functions ----- function BingGeocodeCallback(result) { var errorText; if (result && result.resourceSets && result.resourceSets.length > 0 && result.resourceSets[0].resources && result.resourceSets[0].resources.length == 0) { errorText = "Es konnte kein Ort unter der angegebenen Bezeichnung gefunden werden!" disableObjects(errorText); return; } if (!result) { errorText = "Beim Versuch, die Koordinaten des eingegebenen Ortes zu ermitteln,
" + "kam es zu einem Fehler auf dem Maps Server.
" + "Versuchen Sie es bitte erneut!"; disableObjects(errorText); return; } if (result && result.resourceSets && result.resourceSets.length > 0 && result.resourceSets[0].resources && result.resourceSets[0].resources.length > 0) { var latitude = parseFloat(result.resourceSets[0].resources[0].point.coordinates[0]); var longitude = parseFloat(result.resourceSets[0].resources[0].point.coordinates[1]); var locationCenter = {latitude: latitude, longitude: longitude}; var distanceInKm = parseFloat(dwr.util.getValue("radius")); var distanceInMeters = distanceInKm * 1000; var northPoint, westPoint, southPoint, eastPoint = null; Microsoft.Maps.loadModule('Microsoft.Maps.SpatialMath', function () { northPoint = Microsoft.Maps.SpatialMath.getDestination(locationCenter, 0, distanceInMeters, Microsoft.Maps.SpatialMath.DistanceUnits.Meters); westPoint = Microsoft.Maps.SpatialMath.getDestination(locationCenter, 270, distanceInMeters, Microsoft.Maps.SpatialMath.DistanceUnits.Meters); southPoint = Microsoft.Maps.SpatialMath.getDestination(locationCenter, 180, distanceInMeters, Microsoft.Maps.SpatialMath.DistanceUnits.Meters); eastPoint = Microsoft.Maps.SpatialMath.getDestination(locationCenter, 90, distanceInMeters, Microsoft.Maps.SpatialMath.DistanceUnits.Meters); filter.chosenLocation = { latitude: latitude, longitude:longitude }; filter.radius = distanceInKm; filter.minimumLocation = { latitude: southPoint.latitude, longitude: westPoint.longitude } filter.maximumLocation = { latitude: northPoint.latitude, longitude: eastPoint.longitude } refreshImmoObjectList(); }); } else { refreshImmoObjectList(); } } function searchImmoObjectsByLocation(result, status) { // console.info("Function searchImmoObjectsByLocation") if (status != google.maps.GeocoderStatus.OK) { var errorText; switch (status) { case google.maps.GeocoderStatus.ZERO_RESULTS : errorText = "Kein Ort mit Bezeichnung '" // + result.formatted_address + enteredAddress + "' bekannt!" break; case google.maps.GeocoderStatus.UNKNOWN_ERROR : errorText = "Beim Versuch, die Koordinaten des eingegebenen Ortes zu ermitteln,
" + "kam es zu einem Fehler auf dem Google Maps Server.
" + "Versuchen Sie es bitte erneut!"; break; default : errorText = status; } var buffer ="" + "Fehler bei Suche per Ortsbezeichnung:
" + errorText + ""; disableObjects(buffer); return; } // Filter out all placemarks which are not in Germany result = filterGeoResults(result) if (result.length == 0) { var buffer = "" + "Fehler bei Suche per Ortsbezeichnung:
" // + "Leider verf�gen wir über keine Angebote in der Nähe Ihrer Suchregion." + "Die eingegebene Suchregion kann nicht verwendet werden.

" + "Mögliche Ursachen:
" + "- Die eingegebene Suchregion befindet sich nicht in Deutschland (Es wurde z. B. "Washington"" + " eingegeben).
" + "- Die Eingabe beschränkt sich nicht auf eine Stadt (Es wurde z. B. lediglich der Name eines" + " Bundeslands eingegeben).
" + ( Configuration.SEARCH_AREAS && Configuration.SEARCH_AREAS.length > 0 ? "- Es werden grundsätzlich nur Immobilien in bestimmten Städten angeboten und die" + " eingegebene Suchregion war außerhalb dieser Städte.
" : "" ) + ""; disableObjects(buffer, true); return; } // Was more than one location found matching the query? if (result.length > 1) { var buffer = "" + "Die Suche per Ortsbezeichnung brachte mehr als ein Ergebnis!" + "
" + "Eingegebene Ortsbezeichnung: '" //+ result[0].formatted_address + enteredAddress + "', Zahl an passenden Orten: " + result.length + "

Passende Orte:" + "

" + "" + address.replace(/, (Germany|Deutschland)$/, "") + "" + "

"; disableObjects(buffer, true); return; } // A unique location was found var coordinates = result[0].geometry.location processLocationPlacemark( //getFullAddress(result[0].address_components), result[0].formatted_address, coordinates.lat(), coordinates.lng() ) } function processLocationPlacemark(fullAddress, latitude, longitude) { // console.info("Function processLocationPlacemark") var locationCenter = new google.maps.LatLng(latitude, longitude) var distanceInKm = parseFloat(dwr.util.getValue("radius")) var distanceInMeters = distanceInKm * 1000 // console.info("locationCenter: " + locationCenter + ", distanceInMeters: " + distanceInMeters) // XMaps isn't used anymore, using Google Maps JS API package google.maps.geometry instead var northPoint = google.maps.geometry.spherical.computeOffset(locationCenter, distanceInMeters, 0) var westPoint = google.maps.geometry.spherical.computeOffset(locationCenter, distanceInMeters, 270) var southPoint = google.maps.geometry.spherical.computeOffset(locationCenter, distanceInMeters, 180) var eastPoint = google.maps.geometry.spherical.computeOffset(locationCenter, distanceInMeters, 90) // console.info("latitude: " + latitude + ", longitude: " + longitude + ", northPoint: " + northPoint // + ", northPoint lat.: " + northPoint.lat()) filter.chosenLocation = { latitude: latitude, longitude:longitude } filter.radius = distanceInKm filter.minimumLocation = { latitude: southPoint.lat(), longitude: westPoint.lng() } filter.maximumLocation = { latitude: northPoint.lat(), longitude: eastPoint.lng() } /* console.info("minimumLocation lat.: " + filter.minimumLocation.latitude + ", minimumLocation lon.: " + filter.minimumLocation.longitude + ", maximumLocation.lat.: " + filter.maximumLocation.latitude + ", maximumLocation lon.: " + filter.maximumLocation.longitude) */ locationChosen = true; searchRequestHint = true; // Define location marker chosenLocationMarker = new google.maps.Marker( { icon:chosenLocationIcon, position: locationCenter }) function getChosenLocationMarkerAction(marker, locationName) { return function() { dwr.util.setValue("locationMarkerTemplate.locationName", locationName); dwr.util.setValue("locationMarkerTemplate.radius", distanceInKm); var html = document.getElementById("locationMarkerTemplate").innerHTML; // Only one info window opened at a time if (currentOpenInfoWindow != null) { currentOpenInfoWindow.close() //immoObjectMarkerOfCurrentOpenInfoWindow = null infoWindowOfImmoObjectMarkerIsClosed() } var infoWindow = new google.maps.InfoWindow( { content: html }) infoWindow.open(googleMap, marker) currentOpenInfoWindow = infoWindow immoObjectMarkerOfCurrentOpenInfoWindow = marker //google.maps.event.addListener(infoWindow, "closeclick", infoWindowCloseonMap) } } var addressName = fullAddress; addressName = addressName.replace(/, (Germany|Deutschland)$/, ""); google.maps.event.addListener(chosenLocationMarker, "click", getChosenLocationMarkerAction(chosenLocationMarker, addressName)); dwr.util.setValue("locationDescription", addressName); refreshImmoObjectList(); } // ----- Functions used by the callback functions ----- /* // Placemark.address sometimes is not unique. Lohbr�gge in Schleswig-Holstein e.g. has // Placemark.address "Lohbr�gge, Germany" which also matches Lohbr�gge in Hamburg. If Lohbr�gge // in Schleswig-Holstein is the placemark parameter of this function the result will be the // unique address "Lohbr�gge, Schleswig-Holstein, Germany". // This operation is only done for german placemarks. For other countries the Placemark.address // is returned. function getFullAddress(addressComponent) { var c = addressComponent.cmp return [ c.streetAndNumber, c.district, [c.postalCode, c.city].mkStr(" "), c.state != c.city ? c.state : null ].mkStr(", ") } */ var present = {} present.Map = Class.create({ options : { validatorFn: null, field: null, formatter: null, locale: null, errorMessage: "Validation error in field '{0}'", additionalPlaceholders: {} }, initialize: function (options) { this.options = $H(this.options).merge(options).toObject() }, loadMap: function (loadedCallbackName) {}, prepareMapAfterLoad: function () {}, initDetailsMap: function () {}, initMap: function () {}, getMarkerTemplate: function () {}, addMarker: function (immoObject, counter) {}, refreshMap: function () {}, isMapAvailable: function (immoObject) { return immoObject.labels.latitude != null && immoObject.labels.latitude != 0 && immoObject.labels.longitude != null && immoObject.labels.longitude != 0 }, geocodeLocation: function (location) {} }) present.GoogleMap = Class.create(present.Map, { defOptions: {}, initialize: function ($super, options) { this.defOptions = $H(this.defOptions).merge(options).toObject() Object.extend(this.defOptions, options) $super(this.defOptions) }, loadMap: function (loadedCallbackName) { var script = document.createElement("script"); script.type = "text/javascript"; script.src = this.getGooglemapScriptUrl(loadedCallbackName); document.body.appendChild(script); }, getGooglemapScriptUrl: function (callback) { // return "http://maps.google.com/maps?file=api&v=2&sensor=false&key=" // + MandatorConstants.GOOGLE_MAPS_KEY + "&async=2&callback=" + callback; return "//maps.googleapis.com/maps/api/js?libraries=geometry,places&v=3.53&key=" + MandatorConstants.GOOGLE_MAPS_KEY + "&client=" + MandatorConstants.GOOGLE_MAPS_CLIENT_ID + "&channel=" + MandatorConstants.GOOGLE_MAPS_CHANNEL + "&language=de&callback=" + callback }, prepareMapAfterLoad: function () { createGoogleIcons() }, initDetailsMap: function () { initDetailsGoogleMap() }, initMap: function () { // If I try to use the visualRefresh look the texts in the info windows (of the markers) aren't styled anymore // Since 2013-11-19 the maps now by default have the look they had before only when the visual refresh had been // explicitly set to true. Since Google Maps JS API ver. 3.14 the visual style is the only style available. // google.maps.visualRefresh = true initGoogleMap() }, getMarkerTemplate: function () { return 'mapMarkerTemplate' }, addMarker: function (immoObject, counter) { addToMap(immoObject, counter); }, refreshMap: function () { refreshGoogleMap() }, /** * Client side geocoding. No access limitation problems. * * @see http://googlemapsapi.blogspot.com/2007/09/coming-soon-ip-based-geocode-limiting.html */ geocodeLocation: function (address) { //console.info("Function geocodeLocation (Client side geocoding)") if (typeof google.maps.Geocoder == 'undefined') { alert(ERROR_MESSAGE_NO_CONNECTION_TO_GOOGLE_MAPS) } else { var geocoder = new google.maps.Geocoder() // Note the entered address so that it can be shown in a message as the latest entered address if more // than one address matches the entered address enteredAddress = address//.trim() //geocoder.setBaseCountryCode("de"); geocoder.geocode( { region: 'de', address: address }, searchImmoObjectsByLocation ) } } }) //present.OSMMap = Class.create(present.Map, { // defOptions: {}, // // initialize: function ($super, options) { // this.defOptions = $H(this.defOptions).merge(options).toObject() // Object.extend(this.defOptions, options) // $super(this.defOptions) // }, // // loadMap: function (loadedCallbackName) { // window[loadedCallbackName]() // }, // // prepareMapAfterLoad: function () { // // }, // // initDetailsMap: function () { //// initDetailsGoogleMap() // }, // // initMap: function () { // this._initIcons() // this.map = new OpenLayers.Map("mapView"); // // var mapnik = new OpenLayers.Layer.OSM(); // // this.map.addLayer(mapnik); // // var markers = new OpenLayers.Layer.Markers( "Markers" ); // this.map.addLayer(markers); // // var size = new OpenLayers.Size(21,25); // var offset = new OpenLayers.Pixel(-(size.w/2), -size.h); // var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png', size, offset); // // // markers.addMarker(new OpenLayers.Marker(this.latLng(52.52, 13.41), this.chosenLocationIcon.clone())); // markers.addMarker(new OpenLayers.Marker(this.latLng(52.52, 13.42), this.immoObjectIcon.clone())); // markers.addMarker(new OpenLayers.Marker(this.latLng(52.52, 13.43), this.immoObjectIcon.clone())); // markers.addMarker(new OpenLayers.Marker(this.latLng(52.52, 13.44), this.immoObjectIcon.clone())); // //// this.map.setCenter(pos, 15) // this.map.zoomToExtent(markers.getDataExtent()); // }, // // _initIcons: function () { // this.chosenLocationIcon = this.icon('../../shared/img/pin_blue.png', 32, 32, 9, 24) // this.immoObjectIcon = this.icon(ICON_IMMO_OBJECT_URL, 21, 22, 11, 11) // }, // //// marker: function (lat, lng, icon, text) { //// var marker = new OpenLayers.Marker(this.latLng(lat, lng), icon.clone()) //// //// marker.events.register('mouseover', marker, function(evt) { //// //// // Get the location of the mouse when entering object //// //// var mx = document.all ? window.event.clientX : ; //// var my = 0; //// //// if (document.all) { //// mx = window.event.clientX; //// my = window.event.clientY; //// } else { //// mx = evt.pageX; //// my = evt.pageY; //// } //// //// var posx = mx + "px"; //// var posy = my + "px"; //// //// //// // set up the mini report of attributes for the tooltip //// //// var atts = document.getElementById("attributes"); //// //// atts.innerHTML = "

"; //// //// atts.innerHTML += "Name : " + sitingName + "
Contact : " + sitingContact + "
siting Date: " + sitingDate + "
Time of day : " + sitingTime + "
Sighting Type : " + sitingType + "
Comm Election Bdy : " + sitingElectoralBdy + "
Local Govt : " + sitingLocalGovt + "
Suburb : " + sitingSuburbs + "
Description : " + sitingDescription; //// //// //// // make adjustment to the div within thge map div //// //// atts.style.position = 'absolute'; //// //// atts.style.top = posy; //// //// atts.style.left = posx; //// //// atts.style.display = 'block'; //// //// Event.stop(evt); //// //// } //// }, // // icon: function (name, width, height, aLeft, aTop) { // var size = new OpenLayers.Size(21,25); // var offset = new OpenLayers.Pixel(aLeft, aTop); // return new OpenLayers.Icon(name, size, offset); // }, // // latLng: function (lat, lng) { // return new OpenLayers.LonLat(lng, lat) // Center of the map // .transform( // new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984 // new OpenLayers.Projection("EPSG:900913") // to Spherical Mercator Projection // ) // }, // // getMarkerTemplate: function () { //// return 'mapMarkerTemplate' // }, // // addMarker: function (immoObject, counter) { //// addToMap(immoObject, counter); // }, // // refreshMap: function () { //// refreshGoogleMap() // }, // // isMapAvailable: function (immoObject) { // return immoObject.labels.latitude != null && // immoObject.labels.latitude != 0 && // immoObject.labels.longitude != null && // immoObject.labels.longitude != 0 // }, // // geocodeLocation: function (location) { // refreshImmoObjectList() // } //}) present.MapQuestMap = Class.create(present.Map, { defOptions: {}, initialize: function ($super, options) { this.defOptions = $H(this.defOptions).merge(options).toObject() Object.extend(this.defOptions, options) $super(this.defOptions) this.objectsToAdd = [] }, loadMap: function (loadedCallbackName) { window[loadedCallbackName]() }, prepareMapAfterLoad: function () { this._initIcons() }, initDetailsMap: function () { // initDetailsGoogleMap() }, initMap: function () { MQA.withModule('smallzoom', 'largezoom', 'mousewheel', function() { this.map = new MQA.TileMap($('mapView'), 3, {lat: 51.09662294502995, lng: 10.01953125}, 'map', {height: "100px"}) this.mainCollection = new MQA.ShapeCollection() this.map.addControl( new MQA.LargeZoom(), new MQA.MapCornerPlacement(MQA.MapCorner.TOP_RIGHT, new MQA.Size(5,5)) ) this.map.enableMouseWheelZoom() this.map.addShapeCollection(this.mainCollection); if (this.refreshNeeded) this.refreshMap() }.bind(this)) }, marker: function (latLng, icon, title, body, listeners) { window.poi = new MQA.Poi(latLng); // poi.setBias({x: 0, y: -1}); // cool stuff poi.setInfoTitleHTML(title); poi.setInfoContentHTML(body); if (listeners) { for (var event in listeners) { MQA.EventManager.addListener(poi, event, listeners[event].bind(poi)) } } if (icon) { this._setMarkerIcon(poi, icon) } poi.latLng = new MQA.LatLng(latLng.lat, latLng.lng) return poi }, _setMarkerIcon: function (poi, icon) { poi.setIcon(icon); if (icon.offset) poi.setIconOffset(new MQA.Point(icon.offset.x, icon.offset.y)); }, _initIcons: function () { this.chosenLocationIcon = new MQA.Icon("../../shared/img/pin_blue.png", 32, 32) this.chosenLocationIcon.offset = {x: -12, y: -26} this.immoObjectIcon = new MQA.Icon(ICON_IMMO_OBJECT_URL, 21, 22) this.immoObjectSelectedIcon = new MQA.Icon(ICON_IMMO_OBJECT_URL_SELECTED, 21, 22) }, getMarkerTemplate: function () { return 'mapMarkerTemplate' }, addMarker: function (immoObject, counter) { this.objectsToAdd.push(immoObject) }, refreshMap: function () { var me = this if (!this.mainCollection) { this.refreshNeeded = true return } this.map.removeAllShapes() this.mainCollection = new MQA.ShapeCollection() this.objectsToAdd.map(function (obj, idx) { var body = document.getElementById("mapMarkerTemplate[" + idx + "]").innerHTML; return me.marker( { lat: obj.labels.latitude, lng: obj.labels.longitude }, me.immoObjectIcon, "" + obj.labels.titel + "", body, { rolloveropen: function () { selectImmoObjectInList(idx) me._setMarkerIcon(this, me.immoObjectSelectedIcon) }, rolloverclose: function () { deselectImmoObjectInList(idx, this.isInfoWindowOpen) me._setMarkerIcon(this, me.immoObjectIcon) }, infowindowopen: function () { this.isInfoWindowOpen = true /*if (typeof console !== 'undefined') console.info(me.mainCollection)*/ me.mainCollection.each(function (other, otherIdx) { deselectImmoObjectInList(other, other.isInfoWindowOpen) }) markImmoObjectInList(idx) me._setMarkerIcon(this, me.immoObjectIcon) }, infowindowclose: function () { /*if (typeof console !== 'undefined') console.info('present.MapQuest.refreshMap:infowindowclose')*/ this.isInfoWindowOpen = false deselectImmoObjectInList(idx, this.isInfoWindowOpen) } }) }).each(function (m) {me.mainCollection.add(m)}) if (locationChosen) { me.marker( {lat: obj.labels.latitude, lng: obj.labels.longitude}, me.chosenLocationIcon, "Immo object title", document.getElementById("mapMarkerTemplate[" + position + "]").innerHTML) } this.objectsToAdd = [] this.map.addShapeCollection(this.mainCollection); this.map.zoomToRect(this.mainCollection.getBoundingRect()) }, geocodeLocation: function (location) { refreshImmoObjectList() } }) present.BingMap = Class.create(present.Map, { defOptions: {}, initialize: function ($super, options) { this.defOptions = $H(this.defOptions).merge(options).toObject() Object.extend(this.defOptions, options) $super(this.defOptions) this.objectsToAdd = []; this.pushpins = []; this.currentIdInResultList = null; }, loadMap: function (loadedCallbackName) { window[loadedCallbackName]() }, prepareMapAfterLoad: function () {}, initDetailsMap: function () {}, initMap: function () { this.map = new Microsoft.Maps.Map(document.getElementById('mapView'), { credentials: MandatorConstants.BING_MAPS_KEY }); }, marker: function (latLng, icon, title, body, listeners) {}, getMarkerTemplate: function () { return 'mapMarkerTemplate' }, addMarker: function (immoObject, counter) { this.objectsToAdd.push(immoObject) }, refreshMap: function () { this.initMap(); this.pushpins = []; // remove all pushpins for (var i = this.map.entities.getLength() - 1; i >= 0; i--) { var pushpin = this.map.entities.get(i); if (pushpin instanceof Microsoft.Maps.Pushpin) { this.map.entities.removeAt(i); } } // add pushpins and info boxes for (i = 0; i < this.objectsToAdd.length; i++) { var obj = this.objectsToAdd[i]; if (obj.labels.latitude && obj.labels.longitude) { var pushpin = new Microsoft.Maps.Pushpin({latitude: obj.labels.latitude, longitude: obj.labels.longitude}, { icon: ICON_IMMO_OBJECT_URL, anchor: new Microsoft.Maps.Point(24, 24) }); // data for info box (title and description) var infoBoxTitle = obj.labels.titel ? obj.labels.titel : ""; var ort = obj.labels.ort; var strasse = obj.labels.strasse; var hausnummer = obj.labels.hausnummer; var anzahlZimmer = obj.labels.anzahlZimmer; var wohnflaeche = obj.labels.wohnflaeche; var nutzflaeche = obj.labels.nutzflache; var monatlGesamtkosten = obj.labels.monatlGesamtkosten; var infoBoxDescription = ""; if (ort) { infoBoxDescription = infoBoxDescription + ort; } if (strasse) { infoBoxDescription = infoBoxDescription.length > 0 ? infoBoxDescription + ", " + strasse : infoBoxDescription; if (hausnummer) { infoBoxDescription = infoBoxDescription.length > 0 ? infoBoxDescription + " " + hausnummer : infoBoxDescription; } } if (anzahlZimmer) { infoBoxDescription = infoBoxDescription.length > 0 ? infoBoxDescription + ", " + anzahlZimmer + " Zimmer" : infoBoxDescription; } if (wohnflaeche) { infoBoxDescription = infoBoxDescription.length > 0 ? infoBoxDescription + ", " + wohnflaeche + " m²" : infoBoxDescription; } else if (nutzflaeche) { infoBoxDescription = infoBoxDescription.length > 0 ? infoBoxDescription + ", " + nutzflaeche + " m²" : infoBoxDescription; } if (monatlGesamtkosten) { infoBoxDescription = infoBoxDescription.length > 0 ? infoBoxDescription + ", " + monatlGesamtkosten + " €" : infoBoxDescription; } // store some metadata with the pushpin pushpin.metadata = { title: infoBoxTitle, description: infoBoxDescription }; pushpin.custId = i; // set the info box var infobox = new Microsoft.Maps.Infobox({latitude: obj.labels.latitude, longitude: obj.labels.longitude}, { visible: false }); infobox.setMap(this.map); // show info box, when pin is clicked Microsoft.Maps.Events.addHandler(pushpin, 'click', function (args) { infobox.setOptions( { location: args.target.getLocation(), title: args.target.metadata.title, description: args.target.metadata.description, visible: true } ); }); idx = 5; // replace pushpin icon by mouseover Microsoft.Maps.Events.addHandler(pushpin, 'mouseover', function (e, idx) { e.target.setOptions({ icon: ICON_IMMO_OBJECT_URL_SELECTED }); $("immoObjectTemplate[" + e.target.custId + "]").style.backgroundImage = 'url(img/back_isobject_selected1.jpg)'; }); // back to standard pushpin icon by mouseout Microsoft.Maps.Events.addHandler(pushpin, 'mouseout', function (e, idx) { e.target.setOptions({ icon: ICON_IMMO_OBJECT_URL }); $("immoObjectTemplate[" + e.target.custId + "]").style.backgroundImage = 'url(img/back_isobject.gif)'; }); this.pushpins.push(pushpin); } this.map.entities.push(this.pushpins); } if (this.objectsToAdd.length > 0) { var mapBounds = this._getLocationRect(); if (mapBounds) { this.map.setView({bounds: mapBounds}); } } this.objectsToAdd = []; }, geocodeLocation: function (address) { var credentials = MandatorConstants.BING_MAPS_KEY; var geocodeRequest = "//dev.virtualearth.net/REST/v1/Locations?query=" + encodeURI(address) + "&output=json&jsonp=BingGeocodeCallback&key=" + credentials; var script = document.createElement("script"); script.setAttribute("type", "text/javascript"); script.setAttribute("src", geocodeRequest); document.body.appendChild(script); }, _getLocationRect: function() { // get the rectangle in which all pins are located to zoom to rectangle of all pins in map var latitudes = []; var longitudes = []; var minLatitute = null; var maxLatitude = null; var minLongitude = null; var maxLongitude = null; var box = null; for (i = 0; i < this.objectsToAdd.length; i++) { var obj = this.objectsToAdd[i]; if (obj.labels.latitude) latitudes.push(obj.labels.latitude); if (obj.labels.longitude) longitudes.push(obj.labels.longitude); } if (latitudes.length > 0 && longitudes.length > 0) { minLatitute = Math.min.apply(null, latitudes); minLongitude = Math.min.apply(null, longitudes); maxLatitude = Math.max.apply(null, latitudes); maxLongitude = Math.max.apply(null, longitudes); } if (minLatitute && minLongitude && maxLatitude && maxLongitude) { box = new Microsoft.Maps.LocationRect.fromEdges(maxLatitude, minLongitude, minLatitute, maxLongitude); } return box; } }) present.NoMap = Class.create(present.Map, { initialize: function ($super, options) { $super(options) }, loadMap: function (loadedCallbackName) { window[loadedCallbackName]() }, prepareMapAfterLoad: function () {}, initDetailsMap: function () {}, initMap: function () {}, getMarkerTemplate: function () {return null}, addMarker: function (immoObject, counter) {}, refreshMap: function () {}, isMapAvailable: function (immoObject) {return false}, geocodeLocation: function (location) { alert("Geocoding is not supported because map is disabled!") } }) var locationChoicesAlwaysAtBottom=!1,sortSelectBox=null,ImmoSolve={EmptyValueField:function(a,b,c){this.elem=$(a);this.emptyValue=c?$(b).innerHTML:b;var d=this;this.onClick=function(){if(this.elem.emptyVal||this.elem.value==this.emptyValue)this.elem.value="",this.elem.style.color="#666666",this.elem.emptyVal=!0};this.onBlur=function(){""==this.elem.value?(this.setBlankText(),this.elem.emptyVal=!0):this.elem.emptyVal=this.elem.value!=this.emptyValue?!1:!0};this.onChange=function(){this.elem.value== this.emptyValue||""==this.elem.value?(this.setBlankText(),this.elem.emptyVal=!0):this.elem.emptyVal=!1};this.setBlankText=function(){var a=this.emptyValue,b=this.elem;b.style.color="#B0B0B0";b.value=a};this.init=function(){this.onBlur();Event.observe(this.elem,"focus",function(){d.onClick()});Event.observe(this.elem,"click",function(){d.onClick()});Event.observe(this.elem,"blur",function(){d.onBlur()});Event.observe(window,"unload",function(){d.elem.value=""})};this.init()}}; function onSortChangeTrack(){null!=immoObjectListTracker&&immoObjectListTracker.trackEvent("SortOrderChanged",dwr.util.getValue("sortOrder").gsub(/immoObject\./,""))}function themeSpecificInit(){sortSelectBox=new Autocompleter.SelectBox("sortOrder",{onChange:"onSortChangeTrack();"})}function toggleDisp(){for(var a=0;a=a&&($("lisNotePadControlBottom").className="downNotepadListDisabled"))} function enableNotepadPaggingButtonsTS(a){a>MAX_OBJECTS_IN_VIEWPORT?(0==ScrollCounter?$("lisNotePadControlTop").className="upNotepadListDisabled":$("lisNotePadControlTop").className="upNotepadListEnabled",ScrollCounter*SCROLL_OBJECTS_COUNT+MAX_OBJECTS_IN_VIEWPORT>=a?$("lisNotePadControlBottom").className="downNotepadListDisabled":$("lisNotePadControlBottom").className="downNotepadListEnabled"):($("lisNotePadControlTop").className="upNotepadListDisabled",$("lisNotePadControlBottom").className="downNotepadListDisabled"); $("lisNotePadControlBottom").numberOfObjects=a;$("lisNotePadControlTop").numberOfObjects=a;0!=ScrollCounter&&moveUp(ScrollCounter)}function disableObjects(a,b,c,d,f,e){setTimeout(function(){if("location"==Configuration.SEARCH_TYPE||f)$("locationDescription")&&$("locationDescription").focus(),buffer=a,$("locationChoices").innerHTML=buffer,showLocationChoices(b,c,d,f);new Effect.Appear("noResultView",{duration:.4});e||hideSearchOrder()},400)} function showLocationChoices(a,b,c,d){if("location"==Configuration.SEARCH_TYPE||d){var f=d=null;$("location")&&(d=$("location").cumulativeOffset(),f=$("location").getDimensions());b?(c&&($("locationChoices").style.width=c+"px"),d=$("ispage").cumulativeOffset(),a=$("ispage").getDimensions(),b=$("locationChoices").getDimensions(),$("locationChoices").style.top=d.top+(a.height/2-b.height/2)+"px",$("locationChoices").style.left=d.left+(a.width/2-b.width/2)+"px"):(a||locationChoicesAlwaysAtBottom?$("locationChoices").style.top= d.top+26+"px":$("locationChoices").style.top=d.top-$("locationChoices").getHeight()+"px",$("locationChoices").style.left=d.left+"px",$("locationChoices").style.width=f.width-20-2+"px");new Effect.Appear("locationChoices",{duration:.4})}}function hideLocationChoices(){"none"!=$("locationChoices").style.display&&new Effect.Fade("locationChoices",{duration:.4})} function handleLocationRequired(){if(skippedLocationAllowed)return!1;if("location"==Configuration.SEARCH_TYPE){if($("locationDescription").emptyVal)return disableObjects('Bitte geben Sie einen Suchort an!\x3cbr\x3ez.B.: "Stra\x26szlig;e, PLZ", "Stra\x26szlig;e, Ort", "Stadtteil, Ort"'),!0;new Effect.Fade("noResultView",{duration:.4});return!1}if("region"==Configuration.SEARCH_TYPE||"none"==Configuration.SEARCH_TYPE){if(Configuration.STATIC_VIEW)return new Effect.Appear("noResultView",{duration:.4}), !0;new Effect.Fade("noResultView",{duration:.4});return!1}} function createYahooDualSlider(a){YAHOO.namespace("sliders");var b=YAHOO.util.Dom,c=a.initialRange.clone();""!=b.get(a.inputMin).value&&(c[0]=Math.abs(parseInt(b.get(a.inputMin).value,10)|0));""!=b.get(a.inputMax).value&&(c[1]=Math.abs(parseInt(b.get(a.inputMax).value,10)|0));$(a.inputMin).value=c[0];$(a.inputMax).value=c[1];$(a.inputMin).oldValue=$(a.inputMin).value;$(a.inputMax).oldValue=$(a.inputMax).value;void 0!=a.values&&(a.range=[1,a.values.length]);var d=void 0==a.tickSize?0:a.tickSize;if(void 0!= a.convertFn&&void 0!=a.revConvertFn)var f=a.convertFn,e=a.revConvertFn;else var h=(a.range[1]-a.range[0])/110,f=function(b){b=Math.round(b*h+a.range[0]);return void 0==a.values?b:a.values[b-1]},e=function(b){void 0!=a.values&&(b=a.values.indexOf(b)+1);return Math.round((b-a.range[0])/h)};YAHOO.util.Event.onDOMReady(function(){var n=b.get(a.sliderBody),k=b.get(a.inputMin),g=b.get(a.inputMax),m=YAHOO.widget.Slider.getHorizDualSlider(n,a.sliderMinThumb,a.sliderMaxThumb,120,d,[e(c[0]),e(c[1])+10]),n= function(){m.activeSlider==m.minSlider?k.value=m.minVal==m.maxVal-10?g.value:f(m.minVal):g.value=m.minVal==m.maxVal-10?k.value:f(m.maxVal-10)};m.subscribe("ready",n);m.subscribe("change",n);m.subscribe("slideEnd",function(b){if(void 0==k.oldValue||k.oldValue!=k.value||void 0==g.oldValue||g.oldValue!=g.value){if(void 0!=a.onChange)a.onChange();k.oldValue=k.value;g.oldValue=g.value}});var h=function(b){var c=Math.abs(parseInt(k.value,10)|0),d=Math.abs(parseInt(g.value,10)|0);if(null!=a.values){if(-1== a.values.indexOf(c))for(i=0;ic){c=0==i?a.values[i]:a.values[i-1];break}if(-1==a.values.indexOf(d))for(i=0;id){d=a.values[i];break}}if(c>d)var f=c,c=d,d=f;c=Math.max(c,void 0!=a.values?a.values[0]:a.range[0]);d=Math.min(d,void 0!=a.values?a.values[a.values.length-1]:a.range[1]);m.setValues(e(c),e(d)+10,!1,!1,!0);k.value=c;g.value=d;if(void 0!=a.onChange&&void 0==b&&("string"!=typeof b||"string"==typeof b&&"stopOnChange"==b))a.onChange()}, n=function(a){void 0!=a&&13==a.keyCode&&(Event.stop(a),h())};YAHOO.util.Event.on(a.inputMin,"change",h);YAHOO.util.Event.on(a.inputMax,"change",h);YAHOO.util.Event.on(a.inputMax,"keypress",n);YAHOO.util.Event.on(a.inputMin,"keypress",n);$(a.inputMin).fireChanged=h;$(a.inputMax).fireChanged=h;m.subscribe("ready",function(){k.value=c[0];g.value=c[1];k.oldValue=k.value;g.oldValue=g.value});YAHOO.sliders[a.name]=m})} function createYahooSlider(a){YAHOO.namespace("sliders");var b=YAHOO.util.Dom,c=a.initialValue;void 0!=a.inputField&&""!=$(a.inputField).value&&(c=Math.abs(parseInt($(a.inputField).value,10)|0));void 0!=a.displayContainer&&""!=$(a.displayContainer).innerHTML&&(c=Math.abs(parseInt($(a.displayContainer).innerHTML,10)|0));void 0!=a.inputField?($(a.inputField).value=c,$(a.inputField).oldValue=c):void 0!=a.displayContainer&&($(a.displayContainer).innerHTML=c,$(a.displayContainer).oldValue=""+c);void 0!= a.values&&(a.range=[1,a.values.length-2]);var d=void 0==a.tickSize?0:a.tickSize;if(void 0!=a.convertFn&&void 0!=a.revConvertFn)var f=a.convertFn,e=a.revConvertFn;else var h=(a.range[1]-a.range[0])/110,f=function(b){if(void 0!=a.values){if(0==b)return a.values[0];if(120==b)return a.values[a.values.length-1]}b=Math.round(b*h+a.range[0]);return void 0==a.values?b:a.values[b]},e=function(b){void 0!=a.values&&(b=a.values.indexOf(b));return Math.round((b-a.range[0])/h)};YAHOO.util.Event.onDOMReady(function(){var h= b.get(a.sliderBody),k=YAHOO.widget.Slider.getHorizSlider(h,a.sliderThumb,0,120,d),h=function(){void 0!=a.inputField?b.get(a.inputField).value=f(k.getValue()):void 0!=a.displayContainer&&($(a.displayContainer).innerHTML=f(k.getValue()))};k.subscribe("ready",h);k.subscribe("change",h);k.subscribe("slideEnd",function(c){var d,e;void 0!=a.inputField?(e=b.get(a.inputField).value,d=b.get(a.inputField).oldValue):void 0!=a.displayContainer&&(e=$(a.displayContainer).innerHTML,d=$(a.displayContainer).oldValue); if(void 0==d||d!=e){if(void 0!=a.onChange)a.onChange();void 0!=a.inputField?b.get(a.inputField).oldValue=e:void 0!=a.displayContainer&&($(a.displayContainer).oldValue=e)}});h=function(){var c;void 0!=a.inputField?c=Math.abs(parseInt(b.get(a.inputField).value,10)|0):void 0!=a.displayContainer&&(c=Math.abs(parseInt(b.get(a.displayContainer).innerHTML,10)|0));if(null!=a.values&&-1==a.values.indexOf(c))for(i=0;ic){c=0==i?a.values[i]:a.values[i-1];break}c=Math.max(c, void 0!=a.values?a.values[0]:a.range[0]);c=Math.min(c,void 0!=a.values?a.values[a.values.length-1]:a.range[1]);k.setValue(e(c),!1,!1,!0);void 0!=a.inputField?b.get(a.inputField).value=c:void 0!=a.displayContainer&&(b.get(a.displayContainer).innerHTML=c)};void 0!=a.inputField?(YAHOO.util.Event.on(a.inputField,"change",h),YAHOO.util.Event.on(a.inputField,"keypress",function(b){if(13==b.keyCode&&(a.onInputChange(),void 0!=a.onChange))a.onChange()})):void 0!=a.displayContainer&&($(a.displayContainer).fireChanged= h);k.setValue(e(c));YAHOO.sliders[a.name]=k})} function initButtons(){var a=document.getElementsByClassName("immoButton");for(i=0;if?a&&(d.style.height=parseInt(d.style.height)+2+"px"):a&&(d.style.height=parseInt(d.style.height)+1+"px")}else Prototype.Browser.Opera?(b=getCssRule(".imagesnavLeft"),c=getCssRule(".imagesnavRight"),a&&(f=getCssRule(".detailMapCanvasWrapper")),b.style.top=parseInt(b.style.top)-2+"px",c.style.top=parseInt(c.style.top)-2+"px",a&&($("tabContent6").className="tabContent mapTabContentForOpera", f.style.top="0px",f.style.left="0px")):navigator.userAgent.match(/.*Safari.*/)?(b=getCssRule(".imagesnavLeft"),c=getCssRule(".imagesnavRight"),a&&(d=getCssRule(".detailMapCanvas"),f=getCssRule(".detailMapCanvasWrapper")),b.style.top=parseInt(b.style.top)-2+"px",c.style.top=parseInt(c.style.top)-2+"px"):Prototype.Browser.Gecko&&(b=getCssRule(".imagesnavLeft"),c=getCssRule(".imagesnavRight"),b.style.top=parseInt(b.style.top)-2+"px",c.style.top=parseInt(c.style.top)-2+"px")}} function showNotepadeHint(a){void 0==a||1==a?($("bubbleAddedText").style.display="",$("bubbleRemovedText").style.display="none"):($("bubbleAddedText").style.display="none",$("bubbleRemovedText").style.display="");a=document.getElementsByClassName("bubble")[0];"none"==a.style.display&&(new Effect.Appear(a,{duration:.5}),setTimeout(hideNotepadeHint,4E3))}function hideNotepadeHint(){var a=document.getElementsByClassName("bubble")[0];"none"!=a.style.display&&new Effect.Fade(a,{duration:.5})} function showLoading(a,b){if(void 0!=b)return b.syule.display="",b;var c=a.cumulativeOffset(),d=a.getDimensions(),f=document.createElement("div");f.className="loadingMainLayer";makeSamePosAndSize(f,c,d);c=document.createElement("div");c.className="loadingLayer";f.appendChild(c);makeSameSize(c,d);d=document.createElement("div");d.className="loadingIcon";f.appendChild(d);document.body.appendChild(f);f.style.display="";return f}function hideLoading(a){a.style.display="none"} function makeSamePosAndSize(a,b,c){void 0!=b&&(a.style.top=b.top+"px",a.style.left=b.left+"px");makeSameSize(a,c)}function makeSameSize(a,b){void 0!=b&&(a.style.width=b.width+"px",a.style.height=b.height+"px")}function excapeNewLines(a){return a.replace(/\r?\n/g,"\x3cbr\x3e")};